<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#box {
				width: 200px;
				height: 200px;
				background-color: #ff6799;
			}
		</style>
	</head>
	<body>
		<div id="box"></div>
		<script>
			function click() {
				console.log(3);
			}
			let box = document.getElementById('box')
			box.addEventListener('click', () => {
				console.log(1);
			})
			box.addEventListener('click', () => {
				console.log(2);
			})
			box.addEventListener('click', () => {
				click()
			})
			box.click() //模拟用户点击
			// document.body.addEventListener('click',
			// 	function() {
			// 		alert(2);
			// 	}, false);
			// document.body.addEventListener('click',
			// 	function() {
			// 		alert(3);
			// 	}, false);
			// document.body.addEventListener('click',
			// 	function() {
			// 		alert(4);
			// 	}, false);
			// document.body.click(); // 模拟用户点击
		</script>
	</body>
</html>
